<template>
	<view class="contianer">
		<view class="con_mian">
			<view class="mian_item con"  @click="gopath('phone/phone')">
				<text>绑定手机号</text>
				<!-- <text> 123****7890 > </text> -->
				<text>></text>
			</view>
			<view class="mian_item">
				<text>账号注销</text>
				<text>  > </text>
			</view>
		</view>
		
		<view class="btn" @click="closelogin()">
			退出登录
		</view>
	</view>
</template>

<script>
	export default{
		methods:{
			closelogin(){
				this.$api("api/user/logout",'post').then((res)=>{
					console.log(res);
				}).catch((err)=>{
					console.log(err);
				})
			},
			gopath(i){
				uni.navigateTo({
					url:`/pages/${i}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	view{
		box-sizing: border-box;
		font-family: PingFang SC, PingFang SC;
	}
	.contianer{
		min-height: 100vh;
			background-color: #F5F5F5;
		padding: 20px 15px;
		.con_mian{
			background-color: #FFFFFF;
			width: 100%;
			height: 90px;
			border-radius: 10px 10px 10px 10px;
			.mian_item{
				height: 45px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding:  0 15px;
				font-weight: bold;
				color: #333333;
				font-size: 14px;
				&.con{
					border-bottom:  1px solid #DDDDDD;
					
				}
			}
		}
		.btn{
			margin-top: 100px;
			font-weight: bold;
			color: #FFFFFF;
			height: 40px;
			background: #FB774B;
			border-radius: 40px 40px 40px 40px;
			font-size: 16px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>